<!-- 是否进行新消息通知设置页面 -->
<template>
	<view class="title">
		<view>
			<!-- 顶部导航栏  -->
			<view>
				<u-navbar title="新消息通知" @leftClick="leftClick" @rightClick="rightClick" bgColor="#FFFFFF" rightIcon="保存" height="40"></u-navbar>
				<u-gap height="50" bgColor="#F5F5F5" ></u-gap>
			</view>
			<!-- Switch 开关选择器 -->
		<u-cell-group >
			<u-cell style="background-color:#FFFFFF" title="新消息通知">
			<view slot="value" >
			<u-switch v-model="userRemind" :inactiveValue="inactiveValue" :activeValue="activeValue" @change="change"></u-switch>
			</view>
			</u-cell>
		</u-cell-group>
	    </view>
	</view>
</template>

<script>
	export default {
		created() {
		    /*用户详情*/
		    this.UserAll();
		  },
		data() {
			return {
				inactiveValue:1,//关闭的值
				activeValue:0,//开启的值
				userRemind:1,//是否进行新消息通知状态（0=>开启 1=>关闭）
				user:{},//存储当前登录用户的信息
				remind:{//修改对象(修改是否进行新消息通知状态属性)
					userId:"",//参数1:用户id
					userRemind:"",//参数2:是否进行新消息通知状态
				}
			}
		},
		onLoad() {
	
		},
		methods: {
			/* 开关选择器发生变换调用(未使用) */
			change(e) {
				
			},
			/* 用户详情 */
			UserAll() {
				//根据token获取当前登录用户信息
				uni.$u.http.post('http://localhost:8090/login/User/selectById',sessionStorage.getItem("token")).then(res => {
					//修改对象(修改是否进行新消息通知状态属性)用户id赋值
					this.remind.userId=res.data.object.userId;
					//是否进行新消息通知状态赋值
					this.userRemind=res.data.object.userRemind;
				})
			},
			/* 顶部导航栏右侧按钮点击事件 */
			rightClick(){
				//修改对象(修改是否进行新消息通知状态属性)是否进行新消息通知状态赋值
				this.remind.userRemind=this.userRemind;
				//修改对象是否进行新消息通知
				uni.$u.http.post('http://localhost:8090/login/User/updateUser',this.remind).then(res => {
						if(res.data.object.state){
						console.log(res.data.object.msg);
					}
				});
				//跳转个人资料界面
				uni.redirectTo({
				  url: '../me/setUp0'
				});
			},
			/* 顶部导航栏左侧按钮点击事件 */
			leftClick() {
				//跳转个人资料界面
				uni.redirectTo({
					url: '../me/setUp0'
				})
			},
			
		}
	}
</script>

<style lang="scss" scoped>
	page{
	  height:100%
	}
	.title {
		position: relative;
		  background-color: #F5F5F5;
		  height: 100%;
	}
</style>